iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0
Modern Web

JavaScript 筆記 2 版系列 第 7

JavaScript Day07 - 陣列

  • 分享至 

  • xImage
  •  

陣列(array)

  • 參考此篇:Day10 - 陣列
  • 陣列使用 [ ] 來包含內容
  • 陣列的數量使用 .length 來查詢,改變 .length 的值(正整數)會變更陣列大小
    • .length 的值變大,陣列長度改變,未賦值的部分為 empty
    • .length 的值變小,陣列長度改變,超出的部分會被刪除
  • 索引起始值從 0 開始起算
  • 可以放混合資料,如字串與數字
  • .isArray() 可查詢是否為陣列,若是回傳 true ,否則回傳 false

陣列增減

  • push:增加一個元素,放最後面
  • unshift:增加一個元素,放最前面
  • pop:取出最後面的元素,陣列元素少一個
  • shift:取出最前面的元素,陣列元素少一個
  • splice:指定起始位置,刪除指定數量,語法:.splice( 起始位置, 刪除數量)

增減例子

let arr = ["a", "b", "c"];

console.log(arr.length); // 長度為3
console.log(arr[1]) // "b"

arr.push(4);  // 最後面增加 4
console.log(arr); // ["a", "b", "c", 4]

arr.unshift(5); // 最前面增加 5
console.log(arr); // [5, "a", "b", "c", 4]

arr.pop();  // 最後面取出 4 ,陣列元素少一個
console.log(arr); // [5, "a", "b", "c"]

arr.shift(); // 最前面取出 5 ,陣列元素少一個
console.log(arr); // ["a", "b", "c"]

arr.splice(1, 2); // 從第 1 個開始,刪除 2 筆
console.log(arr); // ["a"]

arr[3] = "d";
console.log(arr); // ['a', empty × 2, 'd']
console.log(arr.length); // 長度為 4

參考資料

Array
Array.length

次回

預計說明物件


上一篇
JavaScript Day06 - 流程判斷
下一篇
JavaScript Day08 - 物件
系列文
JavaScript 筆記 2 版31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言